/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

	padding-top:0px;   
	/*border-color:#FFF;*/
	margin:0;
	
}

h1,
h2,
h3,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}
h3{
	color:#D9D9D9;
	font-weight:bolder;
	text-align:center;
}
h4{
	color:#000;
	
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.active {
	/*background-color: #625C5C;*/
	text-decoration:underline;
	font-weight:bold;
}

.navbar .nav {
    padding: 40px 0;	
	border-color:#FFF;
	font-size:25px;
	
}

.navbar .navbar-brand {
    padding: 0 20px;
	border-color:#FFF;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.5x;
}

.container{
	/*background:#D9D9D9;*/	
	width:100%;
}
.containerDia{
	background:#fff;	
	width:100%;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.text {   
	text-align: left;
    color: #000;
}

.vragen{
	text-align:center;	
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
   /* margin-bottom: 20px;*/
    padding: 30px 15px;
    background: #fff;
   
}
.mySlides{
	display:none;	
}
#title{
	color:#625C5C;	
	font-weight:900;
	
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}
.logo{
	display:block;
	margin: 0 auto;	
}

.project:hover img{
	-webkit-filter:grayscale(1);
	opacity: 1.0;
    filter: alpha(opacity=100);	
}

#realisaties{
	display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; 
   flex-direction: column;
   
	/*display:flex;
	flex-direction: column;
    flex-wrap: nowrap;*/
   -webkit-justify-content: flex-start;
   justify-content: center;
   border-style:outset;
		 border-width:2px;
		 border-color:#625C5C;
		 border-radius:5px;
}

.realisatie{
	margin: 5px;
	
}

#aboutpic{
	display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; 
   flex-direction: column;
   -webkit-justify-content: flex-start;
   justify-content: center;
}

.about{
	margin: 20px;
	padding: 10px;
}



.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
	
	background: #D9D9D9;
	margin:0;
	font-size: medium;
	width:100%;
	min-height:100px;
	bottom:0;
	clear:both;
	
	position:static;
 
  bottom: 0;
  
  padding: 0rem;
  
  text-align: center;
}

footer p {
    margin: 0;
    padding: 30px 0;
}

.footer{
	width:100%;	
}
@media screen and (min-width:1200px){
	.midden{
	margin-left:50px;	
}	

	.gegevens{
		margin-left:80px;
	}
}

@media screen and (min-width:768px) {
 	
	body{
		padding-top:0px;	
		margin:0;
	}
	
	/*.navbar .navbar-brand {
        padding: 10px 0;
    }
	.navbar .navbar-brand {
    padding: 0 10px;
}  */
 #realisaties {
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
  		 justify-content: center;
		 border-style:outset;
		 border-width:2px;
		 border-color:#625C5C;
		 border-radius:5px;
		
		 

    }  
	
	#aboutpic{
	display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; 
   flex-direction: row;
   -webkit-justify-content: flex-start;
   justify-content: center;
}

.about{
	margin: 20px;
	padding: 10px;
}


}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
	
	
}